﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>钻石小鸟</title>
<link rel="stylesheet" href="./css/zbird.css" type="text/css">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
<meta name="generator" content="bd-mobcard">
</head>

<body onload="blinklink()" onunload="stoptimer()">
<!--  -->
<div id="zbildmain">
	<div class="zbird_cont" id="page page0 cur">
	<br/>
		<div class="top_right">
			<img src="./image/haolinju_logo.jpg">
		</div>
		<div class="top_right_p">
			<p>本活动解释权归好邻居</p>
		</div>
		<br/>
		<div class="top_title" style="margin-top:-20px;">
			<p><h4>好邻居携手钻石小鸟</h4></p>
			<p><h1 id="blink">&nbsp;&nbsp;送克拉钻戒啦！</h1></p>
			<div class="zbird_cont_img">
				<img src="./image/zuanjie.jpg" width="100%">
		</div>
			<p><h5>今年情人节送她什么呢？</h5></p>
			<p><h5>不送巧克力，不送玫瑰，要送就送<span style="color:#ff9966;font-size:16px;">真钻戒</span>！</h5></p>
		</div>
		
	</div>
	<!--  -->
	<!--  -->
	<div class="zbird_cont" id="page page1">
		<!-- <div class="zbird_cont_img">
				<img src="./image/zuanjie.jpg" width="100%">
		</div> -->
		<!-- <div class="zbird_cont_img_pp">
			<img src="./image/pop_04.png" />
		</div> -->
		<div class="hd_zbird">
		<p style="margin-top:2px;">&nbsp;</p>
		<p style="color:#ff9966;font-size:16px;font-style:italic;font-weight:bold;">活动规则</p>
		<table width="100%" cellpadding="0"  rules="none" cellspacing="0" style="margin-top:-30px;">
		<tr>
					<td width="5%" valign="bottom">&nbsp;</td>
					<td width="95%">&nbsp;</td>
				</tr>
				<tr>
					<td width="5%" valign="top">1、</td>
					<td width="95%">竞拍产品：钻石小鸟克拉钻戒1枚(产品规格：戒托款式：永恒之约 ；钻石克重 GIA 1.01克拉；钻石级别 VS2 D EX EX EX ；戒托材质：白18K金钻石戒指[RDM48]；)，<span style="color:#ff9966;">市价:<font style="font-size:16px;">￥105520</font></span></td>
				</tr>
				<!-- (产品规格：戒托款式：永恒之约 ；钻石克重 GIA 1.01克拉；钻石级别 VS2 D EX EX EX ；戒托材质：白18K金钻石戒指[RDM48]；) -->
				<tr>
					<td width="5%" valign="bottom">&nbsp;</td>
					<td width="95%">&nbsp;</td>
				</tr>
				<tr>
					<td width="5%" valign="bottom">2、</td>
					<td width="95%">戒托需要根据您的手寸定制，定制周期20天</td>
				</tr>
				<tr>
					<td width="5%" valign="bottom">&nbsp;</td>
					<td width="95%">&nbsp;</td>
				</tr>
				<tr>
					<td width="5%" valign="top">3、</td>
					<td width="95%">起拍价格为￥105520，若当日无人购买，则次日上午10点<span style="color:#ff9966;">下调1000元</span>，以此类推，首至有人购买或活动结束。</td>	
				</tr>
				<tr>
					<td width="5%" valign="top">4、</td>
					<td width="95%">顾客确认购买需支付￥10000定金，持支付凭证至<span style="color:#ff9966;">王府井东方广场C2座9楼钻石小鸟北京体验中心</span>，结清余款领取产品。</td>	
				</tr></br>
				<tr>
					<td width="5%" valign="bottom">&nbsp;</td>
					<td width="95%">&nbsp;</td>
				</tr>
				<tr>
					<td width="5%" valign="top">&nbsp;</td>
					<td width="95%">活动时间：2015年1月15日至2015年2月10日</td>	
				</tr> 
			</table>
			
		<!-- </p>1、竞拍产品：钻石小鸟克拉钻戒1枚,<span style="color:#ff9966;">市价:<font style="font-size:16px;">￥105520</font></span></p>
		</p>2、起拍价格为￥105520，若当日无人购买，则次日上午10点<span style="color:#ff9966;">下调1000元</span>，以此类推，首至有人购买或活动结束。</p>
		</p>3、顾客确认购买需支付￥10000定金，持支付凭证至<span style="color:#ff9966;">王府井东方广场C2座9楼钻石小鸟北京体验中心</span>，结清余款领取产品。</p> -->
	<!-- 	</p>时间：2015年1月15日至2015年2月10日</p> -->
		</div>
	</div>
	<!--  -->
	<!--  -->
	<div class="zbird_cont" id="page page2">
		<div class="hd_zbird">
		<p style="margin-top:2px;margin-bottom:20px;">&nbsp;</p>
		<!-- <p>活动时间：2015年1月15日至2015年2月10日</p> -->
		<p>参与方法：扫下方二维码，关注好邻居官方微信，进入活动页面参与竞拍。</p>
		<p>本活动最终解释权归好邻居所有</p>
		</div>
		<div class="zbild_erwei">
		<!-- <div class="zbild_erwei_z"><img src="./image/erweima_z.jpg" /><p>扫一扫 钻石小鸟官微</p></div> -->
		<div class="zbild_erwei_hlj"><img src="./image/chat.jpg" /><p>扫一扫 好邻居官微</p></div>
		<!-- <img src="./image/chat.jpg" /><p>扫一扫 好邻居官微</p> -->
		
		</div>
		<a style="display:block;border:3px solid #bc0000;width:50%;height:50px;z-index:1;margin:50px auto;text-align:center;line-height:50px;font-size:22px;font-weight:bold;">立即购买</a>
	</div>
</div>
<div class="xiangxiatishi" id=demo style="overflow:hidden; width:68px; height:64px;">
<div id=demo1>
<img src="./image/prompt.png" style="width:68px;height:64px;"/><br><br>
<img src="./image/prompt.png" style="width:68px;height:64px;"/><br><br>
<img src="./image/prompt.png" style="width:68px;height:64px;"/><br><br>
<img src="./image/prompt.png" style="width:68px;height:64px;"/><br><br>
</div>
<div id=demo2></div>
</div>
<!-- <div style="display:none" id="w">JS 实现类似打印的效果（一个字一个字显示）我就是来测试一下是否可以一个字一个字的跳出来，没有其它的意思。。。。啦啦啦。。。
</div> -->
<script type="text/javascript" src="./js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="./js/jquery.touchSwipe.min.js"></script>
	<script type="text/javascript">
	    var speed = 30;
    demo2.innerHTML = demo1.innerHTML;
    function Marquee() {
        if (demo2.offsetTop - demo.scrollTop <= 0)
         demo.scrollTop -= demo1.offsetHeight
        else {
            demo.scrollTop++;
        }
    };
    var MyMar = setInterval(Marquee, speed);
    demo.onmouseover = function() {
        clearInterval(MyMar)
    };
    demo.onmouseout = function() {
        MyMar = setInterval(Marquee, speed)
    };
		$(document).ready(
			function() {
				var nowpage = 0;
				//给最大的盒子增加事件监听
				$("#zbildmain").swipe(
					{
						swipe:function(event, direction, distance, duration, fingerCount) {
							 if(direction == "up"){
							 	nowpage = nowpage + 1;
							 }else if(direction == "down"){
							 	nowpage = nowpage - 1;
							 }

							 if(nowpage > 2){
							 	nowpage = 2;
							 }

							 if(nowpage < 0){
							 	nowpage = 0;
							 }

							$("#zbildmain").animate({"top":nowpage * -100 + "%"},400);

							$("#page").eq(nowpage).addClass("cur").siblings().removeClass("cur");
						}
					}
				);
			}
		);
		
	<!-- -->
function blinklink(){
if (!document.getElementById('blink').style.color)
 {
 document.getElementById('blink').style.color="red"
 }
if (document.getElementById('blink').style.color=="red")
 {
 document.getElementById('blink').style.color="black"
 }
else
 {
 document.getElementById('blink').style.color="red"
 }
timer=setTimeout("blinklink()",200)
}

function stoptimer()
{
clearTimeout(timer)
}
	<!--  -->
	</script>
</body>
</html>
